﻿<!DOCTYPE html>
<html>
<head>
    <!--Title-->
    <title>欧玛贝&mdash;&mdash;来自德国，专注定制</title>
    <link href="css/basic.css" rel="stylesheet" type="text/css">
    <link href="css/index.css" type="text/css" rel="stylesheet">
    <link href="css/flickerplate.css" type="text/css" rel="stylesheet">
    <link href="css/GoTop.css" rel="stylesheet" type="text/css">
    <link href="css/ContentPage.css" rel="stylesheet" type="text/css">

    <!--Required libraries-->
    <script src="js/min/jquery-v1.10.2.min.js" type="text/javascript"></script>
    <script src="js/min/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
    <script src="js/min/jquery-finger-v0.1.0.min.js" type="text/javascript"></script>
    <!--Include flickerplate-->
    <script src="js/min/flickerplate.min.js" type="text/javascript"></script>
    <!--Execute flickerplate-->
    <script type="text/javascript" language="javascript">
        function preview(oper) {
            if (oper < 10) {
                bdhtml = window.document.body.innerHTML;
                sprnstr = "<!--startprint" + oper + "-->";
                eprnstr = "<!--endprint" + oper + "-->";
                prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18);
                prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
                window.document.body.innerHTML = prnhtml;
                window.print();
                window.document.body.innerHTML = bdhtml;
            } else {
                window.print();
            }
        }

        //指定页面区域内容导入Word
         function exportToWord(controlId) {
                  var control = document.getElementById(controlId);
                  try {
                          var oWD = new ActiveXObject("Word.Application");
              var oDC = oWD.Documents.Add("", 0, 1);
                     var oRange = oDC.Range(0, 1);
                     var sel = document.body.createTextRange();
                     try {
                             sel.moveToElementText(control);
                         } catch (notE) {
                                 alert("导出数据失败，没有数据可以导出。");
                                 window.close();
                                 return;
                                     }
                             sel.select();
                           sel.execCommand("Copy");
                                oRange.Paste();
                                oWD.Application.Visible = true;
                              //window.close();
                          }
                    catch (e) {
                              alert("导出数据失败，需要在客户机器安装Microsoft Office Word(不限版本)，将当前站点加入信任站点，允许在IE中运行ActiveX控件。");
                              try { oWD.Quit(); } catch (ex) { }
                }
             }



        $(document).ready(function () {
            $('.flicker-example').flicker();

            $("input[name='route_price']").click(function () {
                if (parseInt($(this).val()))
                    $("#route_price").text("￥" + $(this).val() + "/人起");
                else
                    $("#route_price").text($(this).val());
            });
        });
    </script>
    <script type="text/javascript" src="js/GoTop.js"></script>
</head>
<body class="bodyBg">
    <div id="top"></div>
    <!--顶部-->
    <div id="ContentPageTop" class="ContentPageTop">
        <div class="ContentPageLogo">
            <ul>
                <!--<li><a href="#">注册</a></li>
                <li>|</li>
                <li><a href="#">登录</a></li>-->
                <li><a href="#" onmouseover="document.getElementById('QrCodeWeChat').style.display='block'" onmouseout="document.getElementById('QrCodeWeChat').style.display='none'">
                    <img src="images/iconWeChat.png" width="22" height="18" alt="" align="absmiddle" /></a></li>
                <li>
                    <a href="#" onmouseover="document.getElementById('QrCodeWeibo').style.display='block'" onmouseout="document.getElementById('QrCodeWeibo').style.display='none'">
                        <img src="images/iconWeibo.png" width="22" height="18" alt="" align="absmiddle" />
                    </a>
                </li>
            </ul>
            <div id="QrCodeWeChat">
                <img src="images/QrCodeWeChat.jpg" width="86" height="86" alt="" />
            </div>
            <div id="QrCodeWeibo">
                <img src="images/pic-11.jpg" width="86" height="86" alt="" />
            </div>
        </div>
    </div>

    <!--导航栏-->
    <div class="ContentPageNav">
        <div class="ContentPageContainer">
            <div class="Search">
                <input type="text" class="SearchInput">
            </div>
            <div class="ContentNav">
                <ul>
                    <li><a href="Index.aspx" class="oneNavLink01"></a></li>
                    <li><a href="RouteList.aspx" class="oneNavLink02current"></a></li>
                    <li><a href="CustomizedTrip.aspx" class="oneNavLink03"></a></li>
                    <li><a href="#" class="oneNavLink04"></a></li>
                    <li><a href="#" class="oneNavLink05"></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <!--顶部图片切换-->
    <div class="divHeight960">
        <div class="flicker-example" data-block-text="false">
            <ul>
                <!--ROUTE_RECOMMEND_PIC_AND_CHARACTERISTIC-->
            </ul>
        </div>
        <!--推荐线路-->
        <div class="RecommendedRoute">
            <div class="RouteContent">
                <div class="floatL">
                    <ul>
                        <li class="h1">
                            <div class="RouteContent">
                                <div class="floatL">
                                    <ul>
                                        <li class="h1">
                                            <!--ROUTE_NAME-->
                                        </li>
                                        <li class="h4 fontColb9">
                                            <!--ROUTE_DES-->
                                        </li>
                                    </ul>
                                </div>
                                <div class="floatR">
                                    <ul>
                                        <li><span id="route_price">￥<!--ROUTE_CHENGDU-->/人起</span><span><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=766012967&site=qq&menu=yes"><img src="images/btn_booking.png" width="100" height="30" alt="" align="absmiddle" /></a></span></li>
                                        <li class="h4"><span>出境空港</span><span>
                                            <input id="route_ChengDu" name="route_price" type="radio" value="<!--ROUTE_CHENGDU-->" checked="checked" />
                                            成都</span><span>
                                                <input id="route_BeiJing" name="route_price" type="radio" value="<!--ROUTE_BEIJING-->" />
                                                北京</span><span>
                                                    <input id="route_Else" name="route_price" type="radio" value="<!--ROUTE_ELSECITY-->" />
                                                    其他城市</span></li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <!-- 详细内容 -->
    <div class="container01">
        <div class="container">
            <!-- 详细内容 Left -->
            <div class="floatL divWidth660" id="detailTab">
                <div class="leftLabel">
                    <a href="#detailTab" class="focus" onClick= "$('.leftLabel a').removeClass('focus'); $(this).toggleClass('focus');document.getElementById('Label01').style.display='block',document.getElementById('Label02').style.display='none',document.getElementById('Label03').style.display='none'">行程亮点</a>
                    <a href="#detailTab" onclick="$('.leftLabel a').removeClass('focus'); $(this).toggleClass('focus');document.getElementById('Label02').style.display='block',document.getElementById('Label01').style.display='none',document.getElementById('Label03').style.display='none'">行程安排</a>
                    <a href="#detailTab" onclick="$('.leftLabel a').removeClass('focus'); $(this).toggleClass('focus');document.getElementById('Label03').style.display='block',document.getElementById('Label02').style.display='none',document.getElementById('Label01').style.display='none'">其他信息</a>
                </div>
                <!---- 标签内容 一 ---->
                <div id="Label01" class="contentbg">
                    <!--ROUTE_PACKAGE_DES-->
                    <div class="clear"></div>
                    <div class="PackageContent PackageContentBg">
                        <ul>
                            <li class="h3 marginB30">费用包含</li>
                            <!--ROUTE_PACKAGE_INCLUDE-->
                        </ul>
                    </div>
                    <div class="clear"></div>
                    <div class="PackageContent PackageContentBg">
                        <ul>
                            <li class="h3 marginB30">费用不含</li>
                            <!--ROUTE_PACKAGE_EXCLUDE-->
                        </ul>
                    </div>
                    <div class="clear"></div>
                </div>
                <!---- 标签内容 二 ---->
                <div id="Label02" class="contentbg">
                    <!--ROUTE_TRIP-->
                </div>
                <!---- 标签内容 三 ---->
                <!--startprint1-->
                <div id="Label03" class="contentbg">
                    <!--ROUTE_HOTEL-->
                </div>
                <!--endprint1-->
                <!---- 打印 & 下载链接 --->
                <div class="marginT30 toolbtn floatR">
<!--                    <a href="#" onclick="return exportToWord('Label02')">
                        <img src="images/btn_download.png" width="110" height="30" alt="" /></a>
                    <a href="#" onclick="preview(1)"><img src="images/btn_print.png" width="110" height="30" alt="" /></a>-->
                    
                     <!--<a href="#" >-->
                    <!---- printLink --->
                        <img src="images/btn_download.png" width="110" height="30" alt="" /></a>
                    <!---- printLink ---><img src="images/btn_print.png" width="110" height="30" alt="" /></a>
                </div>
                <div class="clear"></div>
                <!--特色项目-->
                <div class="h1 fontColfff lineh100">特色项目 Special Item</div>
                <!--特色项目内容-->
                <!--ROUTE_SPECIALITEM-->
            </div>
            <!-- 详细内容 Right -->
            <div class="floatR RightDetail">
                <!-- 详细内容 共享 -->
                <div class="rightPositioning">
                    <div class="rightLable01"></div>
                    <div class="RightRelate share marginB10 floatL">
                        <a href="javascript: void(0)" onclick="location.href = 'http://www.jiathis.com/send/?webid=tsina&title='+'我在欧玛贝发现一个好东西'+'&url='+window.location.href;">
                            <img src="images/rightWeibo.png" width="40" height="40" title="分享到微博" /></a>
                        <a href="javascript: void(0)" onclick="location.href = 'http://www.jiathis.com/send/?webid=weixin&title='+'我在欧玛贝发现一个好东西'+'&url='+window.location.href;">
                            <img src="images/rightWeChat.png" width="40" height="40" title="分享到微信" /></a>
                        <a href="javascript: void(0)" onclick="location.href = 'http://www.jiathis.com/send/?webid=email&title='+'我在欧玛贝发现一个好东西'+'&url='+window.location.href;">
                            <img src="images/rightMail.png" width="40" height="40" title="分享到邮箱" /></a>
                    </div>
                </div>
                <div class="clear"></div>

                <!-- 详细内容 参与者 -->
                <div class="rightPositioning">
                    <div class="rightLable02"><span class="marginLeft70">5人想去</span></div>
                    <div class="RightRelate share marginB10 floatL paddingT80">
                        <div class="headIcon"></div>
                        <div>
                            <a href="#">
                                <img src="images/btn_join.png" width="110" height="30" alt="" /></a>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>

                <!-- 详细内容 相关导读 -->
                <div class="rightPositioning">
                    <div class="rightLable03"></div>
                    <div class="RightRelate share marginB10 floatL paddingT80">
                        <ul>
                            <!--RELATE_ROUTE_TRIP-->
                        </ul>
                    </div>
                </div>
                <div class="clear"></div>

                <!-- 详细内容 参考航班 -->
                <div class="rightPositioning">
                    <div class="rightLable04"></div>
                    <div class="RightRelate share marginB10 floatL paddingT80 bgcolor0cc flight">
                        <span>
                            <a href="javascript:void(0);" class="label01" onclick="document.getElementById('flightInfo01').style.display='block',document.getElementById('flightInfo02').style.display='none',document.getElementById('flightInfo03').style.display='none',$('#route_ChengDu').click()">成都</a>
                        </span>
                        <span>
                            <a href="javascript:void(0);" class="label01" onclick="document.getElementById('flightInfo02').style.display='block',document.getElementById('flightInfo01').style.display='none',document.getElementById('flightInfo03').style.display='none',$('#route_BeiJing').click()">北京</a>
                        </span>
                        <span>
                            <a href="javascript:void(0);" class="label02" onclick="document.getElementById('flightInfo03').style.display='block',document.getElementById('flightInfo01').style.display='none',document.getElementById('flightInfo02').style.display='none',$('#route_Else').click()">其他城市</a>
                        </span>
                        <div class="clear"></div>
                        <!-- 详细内容 航班内容 成都-->
                        <div id="flightInfo01">
                            <div class="triangle"></div>
                            <!--ROUTE_FLIGHT_CHENGDU-->
                        </div>
                        <!-- 详细内容 航班内容 北京-->
                        <div id="flightInfo02">
                            <div class="triangle"></div>
                            <!--ROUTE_FLIGHT_BEIJING-->
                        </div>
                        <!-- 详细内容 航班内容 其他城市-->
                        <div id="flightInfo03">
                            <div class="triangle"></div>
                            <div class="flightInfo">
                                <!--ROUTE_FLIGHT_ELSE-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <!--内容区域返回顶部按钮-->
    <div class="semicircleBackTop"><a href="#top"></a></div>
    <div class="clear"></div>
    <!--底部链接-->
    <div class="bottom">
        <div class="bottomText">
            <div class="contactUs floatL">
                <ul>
                    <li class="marginB10">联系我们</li>
                    <li class="marginB10 fontfa fontW">400-007-0819</li>
                    <li class="marginB10 fontCol666 h4">info@omabar.cn</li>
                    <li class="paddingT20">
                        <img src="images/logoBottom.png" width="169" height="19" alt="" /></li>
                    <li class="fontCol666 h5">欢迎来到欧玛贝，快来<span class="fontcolfc3 font16">注册</span>吧！<br>
                        切换到手机版浏览</li>
                </ul>
            </div>
            <div class="WeChat floatL">
                <ul>
                    <li class="marginB10">欧玛贝微信开通</li>
                    <li class="marginB10 fontcolfc3 font16">订阅号</li>
                    <li class="marginB10 fontCol666 h5">专注欧美旅行定制服务<br>
                        账号：欧玛贝旅游</li>
                    <li class="marginB10">欧玛贝微博开通</li>
                    <li class="marginB10 fontCol666 h5">专注欧美旅行定制服务<br>
                        账号：欧玛贝旅游</li>
                </ul>
            </div>
            <div class="bottomLink floatL">
                <ul>
                    <li class="marginB10">关于欧玛贝</li>
                    <li class="marginB10"><a href="#">关于我们</a></li>
                    <li class="marginB10"><a href="#">团队</a></li>
                    <li class="marginB10"><a href="#">媒体报道</a></li>
                    <li class="marginB10"><a href="#">工作机会</a></li>
                </ul>
            </div>
            <div class="bottomLink floatL">
                <ul>
                    <li class="marginB10">技术支持</li>
                    <li class="marginB10"><a href="#">隐私政策</a></li>
                    <li class="marginB10"><a href="#">服务条款</a></li>
                    <li class="marginB10"><a href="#">联系我们</a></li>
                    <li class="marginB10"><a href="#">合作伙伴</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <!--版权所有-->
    <div class="copyright">Copyright OMABAR欧玛贝 2015 | 蜀ICP备 12345678号</div>
    <div class="clear"></div>
</body>
</html>
